<!DOCTYPE html>
<head th:replace="layouts::header"></head>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <nav th:replace="layouts::navbar"></nav>
    <!-- 必要的标签 -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link crossorigin="anonymous" integrity="sha512-6KY5s6UI5J7SVYuZB4S/CZMyPylqyyNZco376NM2Z8Sb8OxEdp02e1jkKk/wZxIEmjQ6DRCEBhni+gpr9c4tvA==" href="https://lib.baomitu.com/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
    <form th:action="@{/articles/save}" th:object="${article}" method="POST">
        <strong><p>标题</p></strong>
        <input type="text" placeholder="请输入标题" size="40px" th:field="${article.name}"><br /><br />
        <input type="text" placeholder="请输入侧边" th:field="${article.side}"><br /><br />
        <input type="text" placeholder="请输入时间" th:field="${article.time}"><br /><br />
        <strong><p>正文</p></strong>
        <textarea type="text" cols="100" rows="10" placeholder="请输入内容" th:field="${article.content}"></textarea><br /><br />
        <select size="10px" th:field="*{userAccounts}" multiple="multiple">
            <option th:each="userAccount : ${allUserAccounts}" th:value="${userAccount.userId}" th:text="${userAccount.userName}"></option>
        </select>
        <button type="submit">提交</button>

    </form>
</div>
</body>
</html>